.invoiceWrap{
	.invoiceBox{
		background: #fff;
		padding: 30px;
		&.incidental{
			margin-top: 40px;
		}
		.tlt{
			position: relative;
			span{
				position: absolute;
				top: 10px;
				right: 0;
				background: @blue;
				color: #fff;
				padding: 0px 20px;
				display: inline-block;
				border-radius: 30px;
				line-height: 50px;
				i{
					font-size: 30px;
					font-weight: 400;
					margin-right: 10px
				}
			}
		}
		.invoiceCont{
			background: #F6F6F6;
			border: 2px solid #e1e1e1;
			border-radius: 8px;
			padding: 40px 0;
			position: relative;
      margin-bottom: 10px;
      &:hover{
        box-shadow: 5px 5px 5px #888888;
      }
			ul{
				li{
					margin-bottom: 20px;
					span{
						display: inline-block;
						width: 140px;
						text-align: right;
						color:#666;
						font-weight: 400;
					}
					input{
						display: inline-block;
						width: 500px;
						line-height: 70px;
						border: 2px solid #C2C2C2;
						margin-left: 8px;
						border-radius: 8px;
						font-size: 28px;
						padding-left: 8px;
						&.readonly{
							background: #F1F1F1;
							color:#999;
						}
					}
				}
			}
			.count{
				margin-left: 40px;
				font-size: 30px;
				font-weight: 400;
				color: #333;
				i{
					font-weight: 400;
					color: #FF0505
				}
			}
			.close{
				position: absolute;
				top: 0;
				right: 0;
				transform: translate(50%,-50%);
			}
		}
		.upload{
			h4{
				color: #666;
				padding-left: 50px;
				background: url(../../imgs/upIcon.png) no-repeat 0 48%;
				background-size: 36px 36px;
			}
			.imgGroup{
				padding: 20px;
				border:2px solid #e1e1e1;
				background: #F6F6F6;
				border-radius: 10px;
				.add{
					border: 1psx solid #D0D0D0;
					font-size: 120px;
					color: #D0D0D0;
					text-align: center;
					line-height: 100px;
					font-weight: 100;
					background: #fff;
				}
				li{
					float: left;
					width: 120px;
					height: 120px;
					margin-left: 20px;
					position: relative;
					// background: #999;
					img{
						width: 100%;
						height: 100%;
						position: absolute;
					    // top: 50%;
					    // transform: translateY(-50%);
					}
					.dele{
						position: absolute;
						background: #ccc;
						padding: 4px;
						border-radius: 50%;
						width: 20px;
						height: 20px;
						line-height: 20px;
						text-align: center;
						font-weight: 200;
						color: #fff;
						top: -10px;
						right: -10px;
					}
				}
			}
		}
	}
  .needsclickWrap {
    padding: 30px;
    background: #fff;
    margin-top: 20px;
    .needsclick {}
  }
}
